<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
    <!--整体面板-->
    <div id="login">
        <!--面板的头部-->
        <div id="login-head">
            <h3>欢迎登录SeeMyGo教育系统</h3>
        </div>

        <!--面板的内容-->
        <div id="login-content">
            <!--帐号和密码-->
            <div class="account">
                <img src="imgs/account.png" alt="帐号">
                <span class="separator"></span>
                <input class="ap" type="text" placeholder="请输入帐号">
            </div>
            <div class="pwd">
                <img src="imgs/password.png" alt="密码">
                <span class="separator"></span>
                <input class="ap" type="password" placeholder="请输入密码">
            </div>

            <!--一些设置-->
            <input class="checkbox" type="checkbox">
            <a>下次自动登录</a>
            <a class="forget-pwd" href="#" class="find-pwd">忘记密码?</a>
            
            <!--登录按钮-->
            <div id="login-btn-bg">
                <button id="login-btn">登 录</button>
            </div>
            
            <!--注册新账号-->
            <div id="register-bg">还没帐号?<a> 立即注册</a></div>
        </div>

        <!--面板的尾部-->
        <div id="login-foot">
            <!---->
            <span>社交帐号登录: </span>
            <img src="imgs/weibo.png">
            <img src="imgs/QQ.png">
            <img src="imgs/weixin.png">
        </div>
    </div>
</body>
</html>